<!--
 * @description: 归档历史
 * @Author: Coder
 * @Date: 2020-03-06 18:08:35
 * @LastEditors: Coder
 -->
<template>
  <div class="history">
    <a-row class="title mg_l36">
      <a-col :span="11"> <a-icon type="left" @click="$router.go(-1)" />返回</a-col>
      <a-col :span="12">归档历史</a-col>
    </a-row>
    <a-row class="middle mg_l36">
      <a-month-picker />
    </a-row>

    <a-table :dataSource="dataSource" :rowKey="dataSource => dataSource.id">
      <a-table-column title="月薪酬报表" dataIndex="" />
      <a-table-column title="人工成本" dataIndex="" />
      <a-table-column title="五险一金" dataIndex="" />
      <a-table-column title="月薪酬报表" dataIndex="" />
      <a-table-column title="操作">
        <template>
          查看详情
        </template>
      </a-table-column>
    </a-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataSource: []
    };
  }
};
</script>
<style lang="scss" scoped>
.title {
  color: var(--primary);
  padding: 10px;
  font-size: 18px;
  border-bottom: 1px solid #000;
}
.middle {
  padding: 30px 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
.body {
  padding: 10px 20px;
  background: #fafafa;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
}
</style>
